<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
		<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.css">
		<link rel="stylesheet" href="bower_components/Ionicons/css/ionicons.css">
		<link rel="stylesheet" href="dist/css/AdminLTE.css">
		<link rel="stylesheet" href="dist/css/skins/_all-skins.css">
		<link rel="stylesheet" href="css/projectList.css">
		<link rel="stylesheet" type="text/css" href="css/flatpickr.material_blue.min.css"/>
		<style type="text/css">
			@media only screen and (min-width: 768px) {
				.main-sidebar {
					padding-top: 0.26rem;
				}
			}
			
			@media only screen and (max-width: 414px) {
				.result {
					margin-top: 30px;
					margin-bottom: 20px;
				}
			}
			
			@media only screen and (max-width:768px) {
				.stage {
					font-size: 12px;
				}
				.financing {
					margin-left: 10px;
				}
				.bjBlue {
					font-size: 12px;
				}
				.lightBlue {
					font-size: 12pxp;
				}
			}
		</style>
	</head>

	<body class="hold-transition skin-blue sidebar-mini">
		<div class="wrapper">
			<header class="main-header">
				<a href="#" class="logo">
					<img src="img/jylogo.png" class="jylogo"/></a>
				<nav class="navbar navbar-static-top">
					<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"><span class="sr-only">Toggle navigation</span></a><span class="economic">贷款管理</span>
					<div class="account"><img src="img/num.png" /><span style="font-size: 12px;" class="fl hidePeople">在线人数：</span><span>1000</span></div>
				</nav>
			</header>
			<aside class="main-sidebar">
				<section class="sidebar">
					<div class="user-panel"><img src="img/headImg.png" style="width: 100px;height: 100px;
 display: block;
margin: 0 auto;
" />
						<p class="jyName">洁源-张小艺 <img src="img/arrow.png" class="fr"/></p>
					</div>
					<ul class="sidebar-menu" data-widget="tree">
						<li class="treeview">
							<a href="#"><i><img src="img/home.png" class="test"/></i><span>首页</span><span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span></a>
							<ul class="treeview-menu">
								<li class="active">
									<a href="index.html"><i class="fa fa-circle-o"></i>Dashboard v1</a>
								</li>
								<li>
									<a href="index2.html"><i class="fa fa-circle-o"></i>Dashboard v2</a>
								</li>
							</ul>
						</li>
						<li class="treeview">
							<a href="#"><i><img src="img/test.png" class="test"/></i><span class="testText">经济测算</span><span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span></a>
							<ul class="treeview-menu">
								<li class="active">
									<a href="#"><i></i>对比测算</a>
								</li>
								<li>
									<a href="#"><i></i>准入评级</a>
								</li>
								<li>
									<a href="#"><i></i>项目评估</a>
								</li>
								<li>
									<a href="#"><i></i>合同签署</a>
								</li>
								<li>
									<a href="#"><i></i>放款阶段</a>
								</li>
								<li>
									<a href="#"><i></i>贷款阶段</a>
								</li>
							</ul>
						</li>
						<li class="treeview">
							<a href="#"><i><img src="img/management.png" class="test"/></i><span>贷款管理</span><span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span></a>
							<ul class="treeview-menu">
								<li>
									<a href="#"><i class="fa fa-circle-o"></i>Level One</a>
								</li>
								<li class="treeview">
									<a href="#"><i class="fa fa-circle-o"></i>Level One <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span></a>
									<ul class="treeview-menu">
										<li>
											<a href="#"><i class="fa fa-circle-o"></i>Level Two</a>
										</li>
										<li class="treeview">
											<a href="#"><i class="fa fa-circle-o"></i>Level Two <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span></a>
											<ul class="treeview-menu">
												<li>
													<a href="#"><i class="fa fa-circle-o"></i>Level Three</a>
												</li>
												<li>
													<a href="#"><i class="fa fa-circle-o"></i>Level Three</a>
												</li>
											</ul>
										</li>
									</ul>
								</li>
								<li>
									<a href="#"><i class="fa fa-circle-o"></i>Level One</a>
								</li>
							</ul>
						</li>
						<li class="treeview">
							<a href="#"><i><img src="img/userCenter.png" class="test"/></i><span>用户中心</span><span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span></a>
							<ul class="treeview-menu">
								<li>
									<a href="#"><i class="fa fa-circle-o"></i>Level One</a>
								</li>
								<li class="treeview">
									<a href="#"><i class="fa fa-circle-o"></i>Level One <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span></a>
									<ul class="treeview-menu">
										<li>
											<a href="#"><i class="fa fa-circle-o"></i>Level Two</a>
										</li>
										<li class="treeview">
											<a href="#"><i class="fa fa-circle-o"></i>Level Two <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span></a>
											<ul class="treeview-menu">
												<li>
													<a href="#"><i class="fa fa-circle-o"></i>Level Three</a>
												</li>
												<li>
													<a href="#"><i class="fa fa-circle-o"></i>Level Three</a>
												</li>
											</ul>
										</li>
									</ul>
								</li>
								<li>
									<a href="#"><i class="fa fa-circle-o"></i>Level One</a>
								</li>
							</ul>
						</li>
						<li class="treeview">
							<a href="#"><i><img src="img/log.png" class="test"/></i><span>操作日志</span><span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span></a>
							<ul class="treeview-menu">
								<li>
									<a href="#"><i class="fa fa-circle-o"></i>Level One</a>
								</li>
								<li class="treeview">
									<a href="#"><i class="fa fa-circle-o"></i>Level One <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span></a>
									<ul class="treeview-menu">
										<li>
											<a href="#"><i class="fa fa-circle-o"></i>Level Two</a>
										</li>
										<li class="treeview">
											<a href="#"><i class="fa fa-circle-o"></i>Level Two <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span></a>
											<ul class="treeview-menu">
												<li>
													<a href="#"><i class="fa fa-circle-o"></i>Level Three</a>
												</li>
												<li>
													<a href="#"><i class="fa fa-circle-o"></i>Level Three</a>
												</li>
											</ul>
										</li>
									</ul>
								</li>
								<li>
									<a href="#"><i class="fa fa-circle-o"></i>Level One</a>
								</li>
							</ul>
						</li>
						<li class="treeview">
							<a href="#"><i><img src="img/system.png" class="test"/></i><span>系统管理</span><span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span></a>
							<ul class="treeview-menu">
								<li>
									<a href="#"><i class="fa fa-circle-o"></i>Level One</a>
								</li>
								<li class="treeview">
									<a href="#"><i class="fa fa-circle-o"></i>Level One <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span></a>
									<ul class="treeview-menu">
										<li>
											<a href="#"><i class="fa fa-circle-o"></i>Level Two</a>
										</li>
										<li class="treeview">
											<a href="#"><i class="fa fa-circle-o"></i>Level Two <span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span></a>
											<ul class="treeview-menu">
												<li>
													<a href="#"><i class="fa fa-circle-o"></i>Level Three</a>
												</li>
												<li>
													<a href="#"><i class="fa fa-circle-o"></i>Level Three</a>
												</li>
											</ul>
										</li>
									</ul>
								</li>
								<li>
									<a href="#"><i class="fa fa-circle-o"></i>Level One</a>
								</li>
							</ul>
						</li>
					</ul>
				</section>
			</aside>
			<div class="content-wrapper">
				<section class="content-header"></section>
				<section class="content">
					<div class="row">
						<div class="col-lg-12 col-md-12">
							<div class="result">
								<div class="resultL fl" ><img src="img/lendersProgress.png" /><span>放贷进度</span><span class="gray">单位(万元)</span></div>
							</div>
						</div>
					</div>
					<div class="row changeMargin">
						<div class="tabs">
							<div class="approval tabChange Active">项目列表</div>
							<div class="datum tabChange">银行列表</div>
						</div>
						<div class="show list">
						<div class="row choiceList">
							<div class="fl choiceOne">
								<span>金融机构：</span>
							<select name="">
								<option value="工商银行">工商银行</option>
								<option value="招商银行">招商银行</option>
								<option value="建行银行">建行银行</option>
							</select>
							<span>贷款模式：</span>
							<select name="">
								<option value="工商银行">长贷模式</option>
								<option value="招商银行">回租模式</option>
								<option value="建行银行">直租模式</option>
							</select>
							</div>
							<div class="fr">
								<p>共<span>32</span>个项目 <button class="addProject"><img src="img/upload.png"/>新增放贷项目</button></p>
							</div>
						</div>
						<div class="row choiceList">
							<div class="box-body no-padding">
              <table class="table table-condensed">
                <tbody><tr class="white pd">
                  <td class="changeWidth">
                  	<span class="fl">项目名称</span>
                  	<div class="addThree">
                  		<div class="upThree fl"></div>
                  		<div class="downThree fl"></div>
                  	</div>
                  </td>
                  <td class="changeWidth"><span class="fl">贷款行</span>
                  	<div class="addThree">
                  		<div class="upThree fl"></div>
                  		<div class="downThree fl"></div>
                  	</div>
                  </td>
                  <td class="changeWidth">
                  	<span class="fl">总额度</span>
                  	<div class="addThree">
                  		<div class="upThree fl"></div>
                  		<div class="downThree fl"></div>
                  	</div>
                  </td>
                  <td class="changeWidth">
                  	<span class="fl">放款额度</span>
                  	<div class="addThree">
                  		<div class="upThree fl"></div>
                  		<div class="downThree fl"></div>
                  	</div>
                  </td>
                  <td class="changeWidth">
                  	<span class="fl Nhave">未放款额度</span>
                  	<div class="addThree MR">
                  		<div class="upThree fl"></div>
                  		<div class="downThree fl"></div>
                  	</div></td>
                   <td class="white">
                  	操作
                  </td>
                </tr>
                <tr>
                  <td><input type="" name="" id="" value="河北省保定项目"/></td>
                  <td><input type="text" name="" id="" value="工商银行河北省分行"></td>
                  <td>
                    <input type="text" name="" id="" value="40,000">
                  </td>
                  <td><input type="text" name="" id="" value="2,386.58"></td>
                  <td class="fit">
                  	<input type="text" name="" id="" value="2,386.58 ">
                  </td>
                   <td class="fit correct">
                  	<img src="img/revise.png"><span>修改</span>
                  </td>
                </tr>
                <tr>
                  <td></td>
                  <td><input type="text" name="" id="" value="工商银行河北省分行"></td>
                  <td>
                    <input type="text" name="" id="" value="40,000">
                  </td>
                  <td><input type="text" name="" id="" value="2,386.58"></td>
                  <td class="fit">
                  	<input type="text" name="" id="" value="2,386.58 ">
                  </td>
                   <td class="fit correct">
                  	<img src="img/revise.png"><span>修改</span>
                  </td>
                </tr>
                 <tr>
                  <td></td>
                  <td><input type="text" name="" id="" value="工商银行河北省分行"></td>
                  <td>
                    <input type="text" name="" id="" value="40,000">
                  </td>
                  <td><input type="text" name="" id="" value="2,386.58"></td>
                  <td class="fit">
                  	<input type="text" name="" id="" value="2,386.58 ">
                  </td>
                   <td class="fit correct">
                  	<img src="img/revise.png"><span>修改</span>
                  </td>
                </tr>
				<tr>
                  <td><input type="" name="" id="" value="河北省保定项目"/></td>
                  <td><input type="text" name="" id="" value="工商银行河北省分行"></td>
                  <td>
                    <input type="text" name="" id="" value="40,000">
                  </td>
                  <td><input type="text" name="" id="" value="2,386.58"></td>
                  <td class="fit">
                  	<input type="text" name="" id="" value="2,386.58 ">
                  </td>
                   <td class="fit correct">
                  	<img src="img/revise.png"><span>修改</span>
                  </td>
                </tr>
                <tr>
                  <td></td>
                  <td><input type="text" name="" id="" value="工商银行河北省分行"></td>
                  <td>
                    <input type="text" name="" id="" value="40,000">
                  </td>
                  <td><input type="text" name="" id="" value="2,386.58"></td>
                  <td class="fit">
                  	<input type="text" name="" id="" value="2,386.58 ">
                  </td>
                   <td class="fit correct">
                  	<img src="img/revise.png"><span>修改</span>
                  </td>
                </tr>
                 <tr>
                  <td></td>
                  <td><input type="text" name="" id="" value="工商银行河北省分行"></td>
                  <td>
                    <input type="text" name="" id="" value="40,000">
                  </td>
                  <td><input type="text" name="" id="" value="2,386.58"></td>
                  <td class="fit">
                  	<input type="text" name="" id="" value="2,386.58 ">
                  </td>
                   <td class="fit correct">
                  	<img src="img/revise.png"><span>修改</span>
                  </td>
                </tr>

              </tbody></table>
            </div>
						</div>
						
							
						</div>
						
					<div class="list">
						<div class="row choiceList">
							<div class="fl choiceOne">
								<span>项目地区：</span>
							<select name="">
								<option value="河北">河北</option>
								<option value="山东">山东</option>
								<option value="内蒙古">内蒙古</option>
							</select>
							</div>
							<div class="fr">
								<p>共<span>32</span>个项目 <button class="addProject"><img src="img/upload.png"/>新增放贷项目</button></p>
							</div>
						</div>
						<div class="row choiceList">
							<div class="box-body no-padding">
              <table class="table table-condensed">
                <tbody><tr class="white pd">
                  <td class="changeWidth">
                  	<span class="fl">贷款行</span>
                  	<div class="addThree">
                  		<div class="upThree fl"></div>
                  		<div class="downThree fl"></div>
                  	</div>
                  </td>
                  <td class="changeWidth"><span class="fl">总额度</span>
                  	<div class="addThree">
                  		<div class="upThree fl"></div>
                  		<div class="downThree fl"></div>
                  	</div>
                  </td>
                  <td class="changeWidth">
                  	<span class="fl">累计放款额度</span>
                  	<div class="addThree correctThree">
                  		<div class="upThree fl"></div>
                  		<div class="downThree fl"></div>
                  	</div>
                  </td>
                  <td class="changeWidth">
                  	<span class="fl">未放款额度</span>
                  	<div class="addThree correctThree">
                  		<div class="upThree fl"></div>
                  		<div class="downThree fl"></div>
                  	</div>
                  </td>
                  <td class="changeWidth">
                  	<span class="fl Nhave">详情</span>
                  	<div class="addThree correctLeft">
                  		<div class="upThree fl"></div>
                  		<div class="downThree fl"></div>
                  	</div></td>
                </tr>
                <tr>
                  <td><input type="text" name="" id="" value="工商银行河北省分行" /></td>
                  <td><input type="text" name="" id="" value="40,000"></td>
                  <td>
                    <input type="text" name="" id="" value="40,000">
                  </td>
                  <td><input type="text" name="" id="" value="2,386.58"></td>
                  <td class="fit blue">
                  	<input type="text" name="" id="" value="6个项目" />
                  </td>
                </tr>
                <tr>
                  <td><input type="text" name="" id="" value="工商银行河北省分行" /></td>
                  <td><input type="text" name="" id="" value="40,000"></td>
                  <td>
                    <input type="text" name="" id="" value="40,000">
                  </td>
                  <td><input type="text" name="" id="" value="2,386.58"></td>
                  <td class="fit blue">
                  	<input type="text" name="" id="" value="6个项目" />
                  </td>
                </tr>
                 <tr>
                  <td><input type="text" name="" id="" value="工商银行河北省分行" /></td>
                  <td><input type="text" name="" id="" value="40,000"></td>
                  <td>
                    <input type="text" name="" id="" value="40,000">
                  </td>
                  <td><input type="text" name="" id="" value="2,386.58"></td>
                  <td class="fit blue">
                  	<input type="text" name="" id="" value="6个项目" />
                  </td>
                </tr>












              </tbody></table>
            </div>
						</div>
						
							
						</div>
					
					
					
					
					
					
					</div>
					
				</section>


		
		
		<script src="bower_components/jquery/dist/jquery.js"></script>
		<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
		<script src="bower_components/fastclick/lib/fastclick.js"></script>
		<script src="dist/js/adminlte.js"></script>
		<script src="js/projectList.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/calcRem.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/flatpickr.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		</script>
	</body>

</html>